﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>网络流量包分析</title>
    <!-- CSS -->
    <style type="text/css">

      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
        text-align:center;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }
        /* Main discription message and sign up button */
      .jumbotron {
        margin: 60px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn2 {
        font-size: 21px;
        padding: 10px 24px;
        width: 150px
      }
      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      .container {
        width: auto;
        max-width: 680px;
      }
      .container .credit {
        margin: 20px 0;
      }
    </style>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />  
    <link href="css/bootstrap-fileupload.min.css" rel="stylesheet" media="screen" />  
  </head>

  <body>
    <!-- Part 1: Wrap all page content here -->
    <div id="wrap">

      <!-- Begin page content -->
      <div class="container">
        <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <li class="active"><a href="Default.aspx">首页</a></li>
          <li><a href="About.aspx">关于</a></li>
        </ul>
        <h2 class="muted">网络流量包分析</h3>
      </div>
      <hr/>
      <div class="jumbotron">
        <p class="lead">分析抓包工具捕获的网络流量数据包</p>
          <form id="form1" runat="server" >
          <div class="fileupload fileupload-new" data-provides="fileupload">
           <div class="input-append">
             <div class="uneditable-input span3">
             <i class="icon-file fileupload-exists"></i> <span class="fileupload-preview"></span>
             </div>
             <span class="btn btn-file"><span class="fileupload-new">选择</span>
             <span class="fileupload-exists">重选</span>
             <input id="uploadFile" type="file" runat="server"/></span>
             <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">取消</a>
           </div>
            </div>
              <asp:Label ID="Label1" runat="server"
                  Text=""></asp:Label>
                <br />
                <div class="center">文件大小不超过: 100MB</div>
                <br />
              <asp:Button ID="Button1" class="btn2 btn-large btn-primary" runat="server" 
                  Text="上传" onclick="Button1_Click" />
          </form>
      </div>

      </div>
    </div>

      <div id="footer">
      <div class="container">
        <p class="muted credit">&copy; 2013 by Jimmy</p>
      </div>
    </div>
       <script src="js/jquery.js"></script>
    <script src="js/bootstrap-fileupload.min.js"></script>
  </body>
</html>
